<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 个人主页 </title>
    <link rel="stylesheet" href="bootstrap-5.1.1-dist/css/bootstrap.min.css" >
    <link rel="stylesheet" type="text/css" href="CSS/finished.css">
    <link rel="stylesheet" type="text/css" href="CSS/audit.css">
    <link rel="stylesheet" type="text/css" href="CSS/person.css">
   <style>

   </style>
</head>
<body>
  <div class="container-fluid">
      <div class="row">
          <div class="col-2"></div>
          <div class="col-8" >
              <div>
                  <div class="w">
                    <img src="2.jpeg" class="img">
                      <span class="name">曾渝晋</span>
                  </div>
                  <div style="background-color: turquoise">
                  <div class="row">
                      <div class="col-1"><a href="">我的主页</a></div>
                      <div class="col-1"><a href="">历史记录</a></div>
                      <div class="col-1"><a href="">我的收藏</a></div>
                      <div class="col-1"><a href="videomanage.html">视频管理</a></div>
                      <div class="col-2"></div>
                      <div class="col-2"></div>
                  </div></div>
                </div>
              <div style=" padding-top: 40px">

              <div class="row">
                <div class="col-9">
                <div>
                    <div class="row">
                        <div class="col-2"><h4>我的视频</h4></div>
                        <div class="col-9"></div>
                        <div class="col-1"  >
                            <form>
                                <a href=""><input type="button" value="更多>"></a>
                            </form>
                        </div>
                    </div>
                    <div>
                        <div class="row  row-cols-md-5 g-1"  >
                            <div class="col">
                                <div class="card">
                                    <img src="1.jpeg" class="card-img-top" alt="..." style="width: 200px;height: 120px">
                                    <div class="card-body">
                                        <h5 class="card-title">标题</h5>
                                        <p class="card-text">播放量： 时间： </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="card">
                                    <img src="1.jpeg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <h5 class="card-title">标题</h5>
                                        <p class="card-text">播放量： 时间： </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="card">
                                    <img src="1.jpeg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <h5 class="card-title">标题</h5>
                                        <p class="card-text">播放量： 时间： </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="card">
                                    <img src="1.jpeg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <h5 class="card-title">标题</h5>
                                        <p class="card-text">播放量： 时间： </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="card">
                                    <img src="1.jpeg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <h5 class="card-title">标题</h5>
                                        <p class="card-text">播放量： 时间： </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                    <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue"/>
                 <div>
                     <div class="row">
                         <div class="col-2"><h4>我的专栏</h4></div>
                         <div class="col-9"></div>
                         <div class="col-1"  >
                             <form>
                                 <a href=""><input type="button" value="更多>"></a>
                             </form>
                         </div>
                     </div>
                     <div class="row  row-cols-md-5 g-1"  >
                         <div class="col">
                             <div class="card" style="max-width: 400px">
                                 <img src="1.jpeg" class="card-img-top" alt="...">
                                 <div class="card-body">
                                     <h5 class="card-title">标题</h5>
                                     <p class="card-text">播放量： 时间： </p>
                                 </div>
                             </div>
                         </div>
                         <div class="col">
                             <div class="card">
                                 <img src="1.jpeg" class="card-img-top" alt="...">
                                 <div class="card-body">
                                     <h5 class="card-title">标题</h5>
                                     <p class="card-text">播放量： 时间： </p>
                                 </div>
                             </div>
                         </div>
                         <div class="col">
                         <div class="card">
                             <img src="1.jpeg" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">标题</h5>
                                 <p class="card-text">播放量： 时间： </p>
                             </div>
                         </div>
                     </div>
                         <div class="col">
                             <div class="card">
                                 <img src="1.jpeg" class="card-img-top" alt="...">
                                 <div class="card-body">
                                     <h5 class="card-title">标题</h5>
                                     <p class="card-text">播放量： 时间： </p>
                                 </div>
                             </div>
                         </div>

                     </div>
                 </div>
                    <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue"/>
                    <div>
                        <div class="row">
                            <div class="col-2"><h4>我的关注</h4></div>
                            <div class="col-9"></div>
                            <div class="col-1">
                                <form>
                                    <a href=""><input type="button" value="更多>"></a>
                                </form>
                            </div>
                        </div>
                        <div class="row  row-cols-md-5 g-1">
                            <div class="col">
                                <div class="card mb-3" style="max-width: 400px;">
                                    <div class="row g-0">
                                        <div class="col-md-4">
                                            <img src="2.jpeg" class="img-fluid rounded-start" alt="...">
                                        </div>
                                        <div class="col-md-8">
                                            <div class="card-body">
                                                <h5 class="card-title">作者姓名</h5>
                                                <p class="card-text"> 作者简介</p>
                                                <p class="card-text"><small class="text-muted">关注日期</small></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="card mb-3" style="max-width: 540px;">
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <img src="2.jpeg" class="img-fluid rounded-start" alt="...">
                                    </div>
                                    <div class="col-md-8">
                                        <div class="card-body">
                                            <h5 class="card-title">作者姓名</h5>
                                            <p class="card-text">作者简介</p>
                                            <p class="card-text"><small class="text-muted">关注日期</small></p>
                                        </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>

                        <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue"/>
                        <div>
                            <div class="row">
                                <div class="col-2"><h4>我的收藏</h4></div>
                                <div class="col-9"></div>
                                <div class="col-1"  >
                                    <form>
                                        <a href=""><input type="button" value="更多>"></a>
                                    </form>
                                </div>
                            </div>
                            <div class="row  row-cols-md-5 g-1"  >
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue"/>

                        <div>
                            <div class="row">
                                <div class="col-2"><h4>历史记录</h4></div>
                                <div class="col-9"></div>
                                <div class="col-1"  >
                                    <form>
                                        <a href=""><input type="button" value="更多>"></a>
                                    </form>
                                </div>
                            </div>

                            <div class="row  row-cols-md-5 g-1"  >
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <img src="1.jpeg" class="card-img-top" alt="...">
                                        <div class="card-body">
                                            <h5 class="card-title">标题</h5>
                                            <p class="card-text">播放量： 时间： </p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>


                </div>
                 <div class="col-3">
                     <div>
                         <span>获赞数:</span><br><br>
                         <span>关注数:</span><br><br>
                         <span>粉丝数:</span><br><br>
                         <span>播放数:</span><br><br>
                         <span>阅读数:</span>
                     </div>
                     <br>
                     <div>
                         <form>
                             <h5>我的公告</h5>
                             <textarea>

                             </textarea>
                             <input type="submit" value="修改">
                         </form>
                     </div>
                     <div>
                         <h4>个人资料</h4>
                         <span>uid：</span>
                         <span>生日：</span>
                     </div>
                 </div>
            </div>
              </div>
          </div>
          <div class="col-2">
          </div>
      </div>

  </div>
</body>
</html>